<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <!-- 引入主页css样式 -->
    <link rel="stylesheet" href="./styles/index.css">
    <!-- 引入字体图标库 -->
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1577286_93j8cta4kdd.css">
    <!-- 引入swiper样式 -->
    <link rel="stylesheet" href="./styles/swiper.css">
    <!-- 引入swiper核心文件 -->
    <script src="./javascripts/libs/swiper.min.js"> </script>
    <!-- 引入banner轮播图js -->
    <!-- <script src="../js/banner.js"></script> -->
    <!-- 引入tab切换js -->
    <script src="./javascripts/tab.js"></script>
    <!-- 引入店铺展示轮播图css样式 -->
    <link rel="stylesheet" href="./styles/dianpulunbo.css">
    <!-- 引入jquery -->
    <script src="./javascripts/libs/jquery.min.js"></script>
    <!-- 引入public -->
    <script src="./javascripts/libs/public.js"></script>

</head>

<body>

    <!-- 顶部通版区 -->
    <div class="ding-tong">
        <div class="ding-safe">
            <ul>
                <li> 欢迎进入钻石小鸟官网</li>
                <li> <a href="login.html">登录</a></li>
                <li><a href="register.html">注册</a></li>
            </ul>

            <dl>
                <dd>
                    MemberOfZbird
                </dd>
                <dd>
                    <span></span>
                </dd>
                <dd class="signout">
                    <a href="">退出登录</a>
                </dd>
            </dl>
            <script>
                var timer = new Date()
                var hour = timer.getHours()
                if (hour <= 12 && hour > 0) {
                    $('dl dd span').html('上午好:')

                }
                if (hour > 12 && hour <= 18) {
                    $('dl dd span').html('下午好:')
                }
                if (hour > 18 && hour < 24) {
                    $('dl dd span').html('晚上好:')
                }
            </script>
            <script>
                var cookie_string = getCookie("USR");
                var nav_list = document.querySelector(".ding-safe ul");
                var user_name = document.querySelector(".ding-safe dl");
                try {
                    var cookie_array = JSON.parse(cookie_string);
                    user_name.className += " active";

                } catch (e) {
                    nav_list.className += " active";
                }

                // 退出登陆;         
                var signout = document.querySelector(".signout");
                signout.onclick = function () {
                    removeCookie("USR", "/");
                    location.onload();
                };
            </script>

            <p>
                <img src="http://img.zbird.cn/ww3/pubheaderfooter/header_box.png" alt="">

                <a href="javascript:void(0)" class="cart">购物车</a>
                <span class="count" style="color: #ff8a81;"> 0 </span>
                <i class="iconfont icon-xiajiantou"></i>
            </p>
            <ol>
                <li>我的订单</li>
                <li>我的鸟巢</li>
                <li>钻石课堂</li>
                <li>手机官网</li>
            </ol>
        </div>
    </div>
    <!-- 逻辑：如果处于未登陆状态则跳转至cart_dis页面 -->
    <script>
        $('.cart').click(function () {
            var str = getCookie('USR')
            if (!str) {
                location.assign('./cart_dis.html')
            } else {
                location.assign('./carts-detail.html')
            }
        })
    </script>

    <header>
        <div class="header-safe">
            <div class="logo">
                <a href="./index.html">
                    <img src="http://im1.zbird.cn/picdb/555/518/f6aa96185bbd30da859cc7278a7d1d4a.png" alt="">
                </a>
            </div>

            <div class="biaoyu">
                <img src="http://img.zbird.cn/ww3/pubheaderfooter/pcslogan.png" alt="">
            </div>


            <p>
                <a href="./promotion.html" class="btn">
                </a>
            </p>

            <div class="search">
                <input type="text">
                <a href=""></a>

            </div>
        </div>

    </header>

    <!-- 导航条 二级菜单-->
    <nav>
        <div class="dh">
            <p><a href="./index.html">首页</a></p>

            <ul>
                <li>
                    <a href="./goods-list.html">钻石</a>

                    <div class="m_idx_snav_wp">
                        <div class="snav_title">
                            <a href="#" class="snav_title_txtimg">钻石</a>
                            <a href="#" class="snav_title_txt">探索全部钻石</a>
                            <div class="snav_lst">
                                <a href="#">30分裸钻</a>
                                <a href="#">50分裸钻</a>
                                <a href="#">70分裸钻</a>
                                <a href="#">克拉钻</a>
                                <a href="#">海淘钻石 立省15%</a>
                                <a href="#">北极光钻石</a>
                                <a href="#">FireCushion钻石</a>
                            </div>
                        </div>
                        <div class="snav_lst">
                            <a href="http://www.zbird.com/diamond/g1x1/">圆形</a>
                            <a href="http://www.zbird.com/diamond/g2x2/">公主方</a>
                            <a href="http://www.zbird.com/diamond/g2x7/">祖母绿</a>
                            <a href="http://www.zbird.com/diamond/g2x5/">橄榄形</a>
                            <a href="http://www.zbird.com/diamond/g2x6/">椭圆形</a>
                            <a href="http://www.zbird.com/diamond/g2x4/">梨形</a>
                            <a href="http://www.zbird.com/diamond/g2x3/">心形</a>
                            <a href="http://www.zbird.com/diamond/g1x1/"></a>
                        </div>
                        <div class="navline"></div>
                        <div class="snav_lst lstpoa">
                            <a href="http://www.zbird.com/dingzhi/r-d-0-0-0-0-0-0-0-0-1-0.html">定制一款钻戒</a>
                            <a href="http://www.zbird.com/dingzhi/n-g-0-0-0-0-0-0-0-0-1-0.html">定制一款吊坠</a>
                            <a href="http://www.zbird.com/zhishi/zuanshi4c.html">钻石4C知识</a>
                            <a href="http://www.zbird.com/zhishi/information.html">钻石其他参数如何查看</a>
                            <a href="http://www.zbird.com/zhishi/diamondcert.html">钻石证书知识</a>
                            <a href="http://www.zbird.com/diamond/tehui/">甄选特惠裸钻专区</a>
                            <a href="http://www.zbird.com/e-education/w16440.html">钻戒品牌排行</a>
                        </div>
                        <div class="snav_ads">
                            <a href="http://www.zbird.com/act/2016globediamonds.html?from=zsxl"><img
                                    src="  http://img.zbird.cn/picdb/555/782/ee93e31aa48f031dda79ea274a8e4909.jpg"
                                    alt="" width="611" height="262"></a>
                        </div>
                    </div>
                    </h1>
                </li>

                <li>
                    <a href="">婚戒</a>
                    <div class="m_idx_snav_wp">
                        <div class="snav_title">
                            <a href="http://www.zbird.com/weddings/" class="snav_title_txtimg">婚戒</a>
                            <a href="http://www.zbird.com/weddings/" class="snav_title_txt">探索全部婚戒</a>
                            <div class="snav_lst">
                                <a href="http://www.zbird.com/weddings/r-d-0-0-0-0-1768-0-0-2-1.html">简约独钻</a>
                                <a href="http://www.zbird.com/weddings/r-d-0-0-0-0-1769-0-0-2-1.html">奢华群镶</a>
                                <a href="http://www.zbird.com/weddings/r-d-0-0-6-0-0-0-0-2-1.html">克拉钻戒</a>
                                <a href="http://www.zbird.com/weddings/r-c-0-0-0-0-0-0-0-2-1.html">大气男戒</a>
                                <a href="http://www.zbird.com/weddings/r-d-1820-0-0-0-0-0-0-2-1.html">纪念戒/花戒</a>
                                <a href="http://www.zbird.com/dingzhi/r-d-0-0-0-0-0-0-0-2-1.html">戒托款式</a>
                                <a href="http://www.zbird.com/weddings/r-d-0-0-0-0-0-0-0-4-1.html">人气热销</a>
                            </div>
                        </div>
                        <div class="snav_lst">
                            <a href="http://www.zbird.com/mono/2019aurorachasinglight.html">北极光追光系列</a>
                            <a href="http://www.zbird.com/mono/2017ladynewyork.html">LADY NEW YORK系列</a>
                            <a href="http://www.zbird.com/mono/2018gongzhuguiguan.html">公主桂冠系列</a>
                            <a href="http://www.zbird.com/mono/2017heartinheart.html">心心相印系列</a>
                            <a href="http://www.zbird.com/mono/2015sweetlove.html">宠爱系列</a>
                        </div>
                        <div class="navline"></div>
                        <div class="snav_lst lstpoa">
                            <a href="http://www.zbird.com/zhishi/ringsize.html">如何测量手寸</a>
                            <a href="http://www.zbird.com/zhishi/ringtypes.html">如何挑选适合的戒指款式</a>
                            <a href="http://www.zbird.com/zhishi/metals.html">如何选购戒托材质</a>
                            <a href="http://www.zbird.com/zhishi/sourcing.html">匠心工艺</a>
                            <a href="http://www.zbird.com/e-education/w26863.html">送男人什么礼物最难忘</a>
                            <a href="http://www.zbird.com/e-education/w12175.html">一克拉钻戒多少钱</a>
                            <a href="http://www.zbird.com/e-education/w16331.html">项链品牌</a>

                        </div>
                        <div class="snav_ads">
                            <a href="http://www.zbird.com/mono/2019aurorachasinglight.html?from=hjxl"><img
                                    src="http://imp.zbird.cn/608/81/60881_1" alt="" width="611" height="262"></a>
                        </div>
                    </div>
                </li>

                <li>
                    <a href="">对戒</a>
                    <div class="m_idx_snav_wp">
                        <div class="snav_title">
                            <a href="#" class="snav_title_txtimg">对戒</a>
                            <a href="#" class="snav_title_txt">探索全部对戒</a>
                            <div class="snav_lst">
                                <a href="#">18K金对戒</a>
                                <a href="#">铂金对戒</a>
                                <a href="#">男款对戒</a>
                                <a href="#">女款对戒</a>
                                <a href="#">热销款式</a>
                            </div>
                        </div>
                        <div class="snav_lst">
                            <a href="#">北极光追光系列</a>
                            <a href="#">INTO COLOUR悦色系列</a>
                            <a href="#">两人一世戒系列</a>
                            <a href="#">YOU&ME系列</a>
                        </div>
                        <div class="navline"></div>
                        <div class="snav_lst lstpoa">
                            <a href="http://www.zbird.com/e-education/w13084.html">订婚男方要准备什么</a>
                            <a href="http://www.zbird.com/e-education/w16903.html">户外婚礼</a>
                            <a href="http://www.zbird.com/e-education/w16433.html">1克拉钻戒</a>
                            <a href="http://www.zbird.com/e-education/w17090.html">gia证书</a>
                            <a href="http://www.zbird.com/e-education/w13323.html">首饰品牌</a>
                            <a href="http://www.zbird.com/e-education/w21530.html">送女性朋友礼物排行榜</a>
                            <a href="http://www.zbird.com/e-education/w12105.html">1克拉结婚钻戒多少钱</a>

                        </div>
                        <div class="snav_ads">
                            <a href="http://www.zbird.com/mono/2018youandme.html?from=djxl"><img
                                    src="http://imu.zbird.cn/548/06/54806_1" alt="" width="611" height="262"></a>
                        </div>
                    </div>

                </li>
                <li>
                    <a href="">配饰</a>
                    <div class="m_idx_snav_wp">
                        <div class="snav_title">
                            <a href="http://www.zbird.com/accessory/" class="snav_title_txtimg">配饰</a>
                            <a href="http://www.zbird.com/accessory/" class="snav_title_txt">探索全部配饰</a>
                            <div class="snav_lst">
                                <a href="http://www.zbird.com/accessory/c-g-0-0-0-0-0-2-1.html">挂坠</a>
                                <a href="http://www.zbird.com/accessory/c-h-0-0-0-0-0-2-1.html">项链坠</a>
                                <a href="http://www.zbird.com/accessory/c-e-0-0-0-0-0-2-1.html">耳钉</a>
                                <a href="http://www.zbird.com/accessory/c-m-0-0-0-0-0-2-1.html">手链</a>
                                <a href="http://www.zbird.com/accessory/c-n-0-0-0-0-0-2-1.html">手镯</a>
                                <a href="http://www.zbird.com/accessory/c-i-0-0-0-0-0-2-1.html">项链</a>
                                <a href="http://www.zbird.com/accessory/c-c-0-0-0-0-0-4-1.html">人气TOP</a>
                            </div>
                        </div>
                        <div class="snav_lst">
                            <a href="http://www.zbird.com/mono/2019aurorachasinglight.html">北极光追光系列</a>
                            <a href="http://www.zbird.com/mono/2018sebtxzxl.html">生而不同星座系列</a>
                            <a href="http://www.zbird.com/mono/2016blinkcollection.html">BLINK系列</a>
                            <a href="http://www.zbird.com/mono/2019intocolourss.html">INTO COLOUR悦色系列-秘密花园</a>
                            <a href="http://www.zbird.com/mono/2019xzxl.html">HOROSCOPE STAR星座系列</a>
                            <a href="http://www.zbird.com/mono/2019ysxxy.html">小幸运系列</a>
                        </div>
                        <div class="navline"></div>
                        <div class="snav_lst lstpoa">
                            <a href="http://www.zbird.com/e-education/w18597.html">闺蜜结婚送什么礼物好</a>
                            <a href="http://www.zbird.com/e-education/w12088.html">戒指品牌</a>
                            <a href="http://www.zbird.com/e-education/w25670.html">一克拉钻戒大概多钱</a>
                            <a href="http://www.zbird.com/e-education/w18648.html">老婆生日送什么礼物</a>
                            <a href="http://www.zbird.com/e-education/w26869.html">送成熟男士礼物排行榜</a>
                            <a href="http://www.zbird.com/e-education/w16512.html">生日礼物送什么好</a>
                            <a href="http://www.zbird.com/e-education/w12520.html">结婚戒指戴哪个手指</a>

                        </div>
                        <div class="snav_ads">
                            <a href="http://www.zbird.com/mono/2019xzxl.html?from=psxl"><img
                                    src="http://imu.zbird.cn/611/14/61114_1" alt="" width="611" height="262"></a>
                        </div>
                    </div>
                </li>
                <li>
                    <a href="">定制</a>
                    <div class="m_idx_snav_wp">
                        <div class="snav_title">
                            <a href="http://www.zbird.com/dingzhi/index.html/" class="snav_title_txtimg">定制</a>
                            <a href="http://www.zbird.com/dingzhi/index.html/" class="snav_title_txt">探索全部定制</a>
                            <div class="snav_lst">
                                <a href="http://www.zbird.com/dingzhi-zuanshi/style-0-0.html">从裸钻开始定制</a>
                                <a href="http://www.zbird.com/dingzhi/r-d-0-0-0-0-0-0-0-0-1-0.html">从戒托开始定制</a>
                                <a href="http://www.zbird.com/dingzhi/n-g-0-0-0-0-0-0-0-0-1-0.html">从吊坠托开始定制</a>
                            </div>
                        </div>
                        <div class="snav_lst">
                            <a href="http://www.zbird.com/dingzhi/r-d-2-0-0-0-0-0-0-0-1-0.html">经典直臂款戒托</a>
                            <a href="http://www.zbird.com/dingzhi/r-d-3-0-0-0-0-0-0-0-1-0.html">简约扭臂款戒托</a>
                            <a href="http://www.zbird.com/dingzhi/r-d-7-0-0-0-0-0-0-0-1-0.html">异型钻款戒托</a>
                            <a href="http://www.zbird.com/dingzhi/r-d-9-0-0-0-0-0-0-0-1-0.html">北极光款戒托</a>
                            <a href="http://www.zbird.com/dingzhi/r-d-10-0-0-0-0-0-0-0-1-0.html">火玫瑰款戒托</a>
                        </div>
                        <div class="navline"></div>
                        <div class="snav_lst lstpoa">
                            <a href="http://www.zbird.com/zhishi/zuanshi4c.html">钻石4C</a>
                            <a href="http://www.zbird.com/zhishi/ringtypes.html">戒托款式</a>
                            <a href="http://www.zbird.com/zhishi/metals.html">戒托材质</a>
                            <a href="http://www.zbird.com/zhishi/ringsize.html">手寸测量</a>
                            <a href="http://www.zbird.com/e-education/w15725.html">结婚纪念日礼物</a>
                            <a href="http://www.zbird.com/e-education/w16592.html">送闺蜜什么礼物好</a>
                            <a href="http://www.zbird.com/e-education/w17063.html">给老人买什么礼物好</a>

                        </div>
                        <div class="snav_ads">
                            <a href="http://www.zbird.com/act/2017installment.html?from=dzxl"><img
                                    src="http://imu.zbird.cn/608/82/60882_1" alt="" width="611" height="262"></a>
                        </div>
                    </div>

                </li>
                <li>
                    <a href="">体验中心</a>
                    <div class="m_idx_snav_wp">
                        <div class="snav_title">
                            <a href="#" class="snav_title_txtimg">体验中心</a>
                            <a href="#" class="snav_title_txt">探索全部体验中心</a>
                            <div class="snav_lst">
                                <a href="http://shanghai.zbird.com/">上海体验中心</a>
                                <a href="http://beijing.zbird.com/">北京体验中心</a>
                                <a href="http://guangzhou.zbird.com/">广州体验中心</a>
                                <a href="http://hangzhou.zbird.com/">杭州体验中心</a>
                                <a href="http://chengdu.zbird.com/">成都体验中心</a>
                                <a href="#">宿迁体验中心</a>
                                <a href="#">苏州体验中心</a>
                            </div>
                        </div>
                        <div class="snav_lst">
                            <a href="http://nanjing.zbird.com/">南京体验中心</a>
                            <a href="#">合肥包河万达体验中心</a>
                            <a href="http://tianjin.zbird.com/">天津体验中心</a>
                            <a href="#">盐城体验中心</a>
                            <a href="#">常州体验中心</a>
                            <a href="#">烟台体验中心</a>
                        </div>
                        <div class="navline"></div>
                        <div class="snav_lst lstpoa">
                            <a href="#">武汉体验中心</a>
                            <a href="#">西安体验中心</a>
                            <a href="#">郑州体验中心</a>
                            <a href="#">济宁体验中心</a>
                            <a href="#">丽水体验中心</a>
                            <a href="#">盐城金鹰体验中心</a>
                            <a href="#">重庆大都会体验中心</a>
                            <a href="#" target="_blank" style="color:#fdb2a4">查看全部</a>
                        </div>
                        <div class="snav_ads">
                            <a href="#"><img src="http://imu.zbird.cn/416/02/41602_1" alt="" width="611"
                                    height="262"></a>
                        </div>
                    </div>
                </li>
            </ul>
            <ol>
                <li><a href="">商务加盟</a></li>
                <li><a href="">品牌故事</a></li>
                <li><a href="">鸟巢论坛</a></li>
            </ol>

        </div>
    </nav>


    <!-- Swiper -->
    <!-- 主banner轮播图 -->
    <div class="swiper-container swiper-no-swiping">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="http://img.zbird.cn/picdb/555/515/0da024a3056d8e9ea6f462620db90762.jpg"
                    alt=""></div>
            <div class="swiper-slide"><img src="http://im0.zbird.cn/picdb/555/515/c3119b1d93cf6a61e6ad1578d027285a.jpg"
                    alt=""></div>
            <div class="swiper-slide"><img src="http://im1.zbird.cn/picdb/555/515/c9461464ead80001188898d47b0c4c4e.jpg"
                    alt=""></div>
            <div class="swiper-slide"><img src="http://im0.zbird.cn/picdb/555/515/57b4aae2ea6bedb8105fc1cdee99cfbb.jpg"
                    alt=""></div>
            <div class="swiper-slide"><img src="http://im1.zbird.cn/picdb/555/515/464afcfd9d89d97847900fbc5fbffb55.jpg"
                    alt=""></div>
            <div class="swiper-slide"><img src="http://img.zbird.cn/picdb/555/515/6c4636e9a440b0da44a4216193e080eb.jpg"
                    alt=""></div>

        </div>
        <!-- Add Arrows -->
        <div class="swiper-button-next swiper-button-next1"></div>
        <div class="swiper-button-prev swiper-button-prev1"></div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
    </div>

    <script>
        var mySwiper = new Swiper('.swiper-container', {
            navigation: {
                nextEl: '.swiper-button-next1',
                prevEl: '.swiper-button-prev1',
            },
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
            // mousewheel: true,
            // keyboard: true,
            effect: 'fade',
            fadeEffect: {
                crossFade: true,
            },
            autoplay: {
                delay: 3000,
                stopOnLastSlide: false,
                disableOnInteraction: false,
            }
        });
        mySwiper.el.onmouseover = function () {
            // console.log(1);
            mySwiper.autoplay.stop();
        }
        //鼠标离开开始自动切换
        mySwiper.el.onmouseout = function () {
            mySwiper.autoplay.start();
        }
    </script>


    <!-- 设计 -->
    <div class="sheji">
        <div class="sj">
            <h2>设计订婚钻戒</h2>

            <div class="bgt">

            </div>

            <a href="" class="first">从挑选钻石开始</a>

            <a href="">从挑选款式开始</a>
        </div>

        <div class="pic">
            <a href="">
                <img src="http://img.zbird.cn/picdb/555/907/3e5ffe25b781448680a02a0e01f97d66.jpg" alt="">
            </a>
        </div>
    </div>
    <!-- 系列产品 -->
    <div class="product">
        <h2>系列产品</h2>
        <ul>
            <li>推荐</li>
            <li>钻石</li>
            <li>婚戒</li>
            <li>对戒</li>
            <li>配饰</li>
        </ul>

        <ol>
            <li class="active">
                <div class="top">
                    <img src="http://im1.zbird.cn/picdb/555/904/0cb396c50df61e3d620b7e6d0643193b.jpg" alt="">
                </div>
                <div class="right">
                    <img src="http://im1.zbird.cn/picdb/555/904/082ff1d7878dd42e0cabdb12d61646b7.jpg" alt="">
                </div>
                <div class="bottom">
                    <img src="http://img.zbird.cn/picdb/555/904/acb92bf36873558bcb5e74e21ddb7820.jpg" alt="">
                </div>
            </li>

            <li>
                <div class="top">
                    <img src="http://img.zbird.cn/picdb/555/904/af9766fc3813e43444f6cc9a4a163a00.jpeg" alt="">
                </div>
                <div class="right">
                    <img src="http://im0.zbird.cn/picdb/555/904/112dbca7d5cd2d12bfedc57fb85dc223.jpg" alt="">
                </div>
                <div class="bottom">
                    <img src="http://im0.zbird.cn/picdb/555/904/a53a6b15af723a1b8059fc18cd809c4c.jpg" alt="">
                </div>
            </li>

            <li>
                <div class="top">
                    <img src="http://im1.zbird.cn/picdb/555/904/04fe6f016c159c9e53978c7df692383d.jpg" alt="">
                </div>
                <div class="right">
                    <img src="http://im1.zbird.cn/picdb/555/904/3de52665bd65b6825c204edb61db943b.jpg" alt="">
                </div>
                <div class="bottom">
                    <img src="http://im1.zbird.cn/picdb/555/904/8e6d739d42579b30e01c4c857a9b8c53.jpg" alt="">
                </div>
            </li>

            <li>
                <div class="top">
                    <img src="http://img.zbird.cn/picdb/555/904/2475ece8a674ed0f9227cb42fcb9f300.jpg" alt="">
                </div>
                <div class="right">
                    <img src="http://img.zbird.cn/picdb/555/904/dc38df7a8b40b8ef6a1480bebcbb2ec6.jpg" alt="">
                </div>
                <div class="bottom">
                    <img src="http://im1.zbird.cn/picdb/555/904/516de52c6405d2b765f7f7f96dc9d91e.jpg" alt="">
                </div>
            </li>

            <li>
                <div class="top">
                    <img src="http://im0.zbird.cn/picdb/555/904/06aa074c777e9f69b2f1203d6faf81af.jpg" alt="">
                </div>
                <div class="right">
                    <img src="http://im1.zbird.cn/picdb/555/904/a309d6bbd88812fab2d62246341d6d45.jpg" alt="">
                </div>
                <div class="bottom">
                    <img src="http://img.zbird.cn/picdb/555/904/d580c90ddb09b2f5ef570a80b42d73e3.jpg" alt="">
                </div>
            </li>
        </ol>
    </div>


    <!-- 展示轮播 -->
    <div class="show">
        <h2>婚戒推荐&全球美钻</h2>

        <!-- Swiper -->
        <div class="swiper_father">
            <div class="swiper-container banner2">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><img
                            src="http://im1.zbird.cn/picdb/555/905/7f130bb6f769b7f79f4f6db1cb62e3f0.jpg" alt=""></div>
                    <div class="swiper-slide"><img
                            src="http://img.zbird.cn/picdb/555/905/95c30f0175335b0dbff907187e461e60.jpg" alt=""></div>
                    <div class="swiper-slide"><img
                            src="http://im1.zbird.cn/picdb/555/905/85b8cf7d63d466da732336d3a4298575.jpg" alt=""></div>
                    <div class="swiper-slide"><img
                            src="http://img.zbird.cn/picdb/555/905/0249a7c120b6c632a5533e2441dbbf22.jpg" alt=""></div>
                    <div class="swiper-slide"><img
                            src="http://im1.zbird.cn/picdb/555/905/7f130bb6f769b7f79f4f6db1cb62e3f0.jpg" alt=""></div>
                    <div class="swiper-slide"><img
                            src="http://im1.zbird.cn/picdb/555/905/7f130bb6f769b7f79f4f6db1cb62e3f0.jpg" alt=""></div>
                    <div class="swiper-slide"><img
                            src="http://im1.zbird.cn/picdb/555/905/7f130bb6f769b7f79f4f6db1cb62e3f0.jpg" alt=""></div>
                    <div class="swiper-slide"><img
                            src="http://im1.zbird.cn/picdb/555/905/7f130bb6f769b7f79f4f6db1cb62e3f0.jpg" alt=""></div>
                </div>
            </div>

            <div class="swiper-button-next swiper-button-black swiper-button-next2"></div>
            <div class="swiper-button-prev swiper-button-black swiper-button-prev2"></div>
        </div>
    </div>


    <!-- Initialize Swiper -->
    <script>
        var swiper = new Swiper('.banner2', {
            slidesPerView: 4,
            spaceBetween: 14,
            // centeredSlides: true,
            // centeredSlidesBounds: true,
            slidesOffsetBefore: 17,
            slidesOffsetAfter: 17,
            navigation: {
                nextEl: '.swiper-button-next2',
                prevEl: '.swiper-button-prev2',
            },
        })
    </script>

    <!-- 钻石样式 -->
    <div class="shape">
        <ul>
            <li><a href=""><i></i>Round</a></li>
            <li><a href=""><i></i>Princess</a></li>
            <li><a href=""><i></i>cushion</a></li>
            <li><a href=""><i></i>Emerald</a></li>
            <li><a href=""><i></i>Oval</a></li>
            <li><a href=""><i></i>Radiant</a></li>
            <li><a href=""><i></i>Marquise</a></li>
            <li><a href=""><i></i>Pear</a></li>
            <li><a href=""><i></i>Heart</a></li>
            <li><a href=""><i></i>Trillion</a></li>
        </ul>
    </div>
    <!-- 品牌故事 -->
    <div class="story">
        <div class="left">
            <a href=""><img src="http://im1.zbird.cn/picdb/555/906/0f7ab89759a0acadc7aa75e9d96f74c3.jpg" alt="">
            </a>
        </div>
        <div class="right">
            <a href="">
                <img src="http://im0.zbird.cn/picdb/555/906/c2ec26ed9335644ab592a2745b14142c.gif" alt="">
            </a>
        </div>
    </div>

    <div class="dibu">
        <a href="">
            <img src="http://img.zbird.cn/picdb/555/906/0973eae3daff555b44ec3ced8cb6fa90.jpg" alt="">
        </a>
    </div>

    <div class="shengfen">
        <i>省份</i>
        <ul>
            <li>上海</li>
            <li>广东</li>
            <li>浙江</li>
            <li>江苏</li>
            <li>四川</li>
            <li>陕西</li>
            <li>天津</li>
            <li>北京</li>
            <li>湖北</li>
            <li>山东</li>
            <li>安徽</li>
            <li>河北</li>
            <li>山西</li>
            <li>甘肃</li>
            <li>河南</li>
            <li>云南</li>
            <li>重庆</li>
            <li>内蒙古自治区</li>
            <li>新疆维吾尔自治区</li>
            <li>湖南</li>
            <li>福建</li>
            <li>黑龙江</li>
        </ul>
    </div>

    <div class="mendian">
        <b>门店</b>
        <p></p>
    </div>

    <!-- 店铺轮播 -->
    <div class="dp-lunbo">
        <div class="swiper-container banner3 swiper-no-swiping">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="http://img.zbird.cn/ww3/160804newindex/st_1.jpg" alt=""></div>
                <div class="swiper-slide"><img src="http://im0.zbird.cn/ww3/160804newindex/st_2.jpg" alt=""></div>
                <div class="swiper-slide"><img src="http://img.zbird.cn/ww3/160804newindex/st_3.jpg" alt=""></div>
                <div class="swiper-slide"><img src="http://im0.zbird.cn/ww3/160804newindex/st_4.jpg" alt=""></div>

            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
        </div>
        <div class="dp-msg">
        </div>
    </div>

    <!-- Initialize Swiper -->
    <script>
        var swiper = new Swiper('.banner3', {
            spaceBetween: 30,
            autoplay: true,
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
        });
    </script>

    <div class="zx">
        <div class="left">
            <dl>
                <dt>
                    咨询动态
                </dt>
                <dd><a target="_blank" href="/e-education/w12595.html" title="十二星座的戒指">十二星座的戒指</a></dd>
                <dd><a target="_blank" href="/e-education/w12142.html" title="戒指的戴法和意义">戒指的戴法和意义</a></dd>
                <dd><a target="_blank" href="/e-education/w12494.html" title="耳环品牌">耳环品牌</a></dd>
                <dd><a target="_blank" href="/e-education/w13988.html" title="手链品牌">手链品牌</a></dd>
                <dd><a target="_blank" href="/e-education/w29901.html" title="带男朋友回家买什么礼物">带男朋友回家买什么礼物</a></dd>
                <dd><a target="_blank" href="/e-education/w31865.html" title="耳环批发价格">耳环批发价格</a></dd>
                <p><a href="">查看全部</a></p>

            </dl>

            <dl>
                <dt>
                    钻石课堂
                </dt>
                <dd><a target="_blank" href="/e-education/w12595.html" title="十二星座的戒指">一克拉钻戒要多少钱</a></dd>
                <dd><a target="_blank" href="/e-education/w12142.html" title="戒指的戴法和意义">女生渴望收到的礼物</a></dd>
                <dd><a target="_blank" href="/e-education/w12494.html" title="耳环品牌">订婚戒指戴哪个手指</a></dd>
                <dd><a target="_blank" href="/e-education/w13988.html" title="手链品牌">一克拉有多大</a></dd>
                <dd><a target="_blank" href="/e-education/w29901.html" title="带男朋友回家买什么礼物">一克拉钻戒的价格</a></dd>
                <dd><a target="_blank" href="/e-education/w31865.html" title="耳环批发价格">送给未来婆婆十佳礼物</a></dd>
                <p><a href="">查看全部</a></p>
            </dl>
        </div>
        <div class="right">
            <img src="http://img.zbird.cn/ww3/160804newindex/ad_01.jpg" alt="">

        </div>

    </div>


    <footer>
        <div class="server">
            <ul>
                <img src="http://img.zbird.cn/ww3/pubheaderfooter/footer_lnks.jpg" alt="">
            </ul>

        </div>
        <div class="about">
            <div class="safe">
                <a href="" class="icon">

                </a>
                <div class="main">
                    <ul>
                        <li><span>关于我们</span></li>
                        <li><a rel="nofollow" target="_blank" href="# ">品牌简介</p>
                        </li>
                        <li><a rel="nofollow" target="_blank" href="#">市场合作</a>
                        </li>
                        <li><a rel="nofollow" target="_blank" href="#">诚聘贤才</a></li>
                        <li><a rel="nofollow" target="_blank" href="#">联系我们</a>
                        </li>
                        <li><a rel="nofollow" target="_blank" href="#">商务加盟</a>
                        </li>
                    </ul>

                    <ul>
                        <li><span>购物指南</span></li>
                        <li><a rel="nofollow" target="_blank" href="#">购物流程</a>
                        </li>
                        <li><a rel="nofollow" target="_blank" href="#">订单处理时间</a></li>
                        <li><a rel="nofollow" target="_blank" href="#">订单查询</a></li>
                        <li><a rel="nofollow" target="_blank" href="#">特色商品说明</a></li>
                    </ul>

                    <ul>
                        <li><span>支付方式</span></li>
                        <li><a rel="nofollow" target="_blank" href="http://www.zbird.com/info/1936-11338.html">在线支付</a>
                        </li>
                        <li><a rel="nofollow" target="_blank" href="http://www.zbird.com/info/1936-11415.html">货到付款</a>
                        </li>
                        <li><a rel="nofollow" target="_blank" href="http://www.zbird.com/info/1936-11410.html">银行汇款</a>
                        </li>
                        <li><a rel="nofollow" target="_blank" href="http://www.zbird.com/info/1936-11412.html">海外汇款</a>
                        </li>
                    </ul>

                    <ul>
                        <li><span>配送方式</span></li>
                        <li><a rel="nofollow" target="_blank" href="#">体验中心自提</a></li>
                        <li><a rel="nofollow" target="_blank" href="#">全国免费配送</a></li>
                        <li><a rel="nofollow" target="_blank" href="#">海外配送</a></li>
                        <li><a rel="nofollow" target="_blank" href="#">货品包装</a></li>
                    </ul>

                    <ul>
                        <li><span>售后服务</span></li>
                        <li><a rel="nofollow" target="_blank" href="#">售后政策</a>
                        </li>
                        <li><a rel="nofollow" target="_blank" href="#">15天退换</a>
                        </li>
                        <li><a rel="nofollow" target="_blank" href="#">以小换大</a>
                        </li>
                        <li><a rel="nofollow" target="_blank" href="#">优惠换款</a>
                        </li>
                    </ul>

                </div>
                <div class="erweima">


                </div>
            </div>
        </div>

        <div class="link">
            <a href="">

            </a>
        </div>



        <div class="banquan"> <a href="#">网站地图</a><span>|</span> <a href="#">友情链接</a><span>|</span> <a href="#"
                rel="nofollow">在线投诉</a><span>|</span><a rel="nofollow" href="#"
                target="_blank">&nbsp;&nbsp;沪ICP备08011593号</a><span>|</span>Copyright © 2002-2019 www.zbird.com
            &nbsp;钻石小鸟&nbsp; All Rights Reserved.
        </div>


        <p class="company">上海铂利德钻石有限公司&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;021-26011188</p>

        <!-- 滚动信息 -->
        <div class="box">
            <div class="roll">
                <ul class="news_li">
                    <li class="active">
                        <a href="http://nanjing.zbird.com/" target="_blank">南京钻石小鸟</a>&nbsp;<span>|</span>&nbsp; <a
                            href="http://tianjin.zbird.com/" target="_blank">天津钻石小鸟</a>&nbsp;<span>|</span>&nbsp; <a
                            href="http://xian.zbird.com/" target="_blank">西安钻石小鸟</a>&nbsp;<span>|</span>&nbsp; <a
                            href="http://shanghai.zbird.com/" target="_blank">上海钻石小鸟</a>&nbsp;<span>|</span>&nbsp; <a
                            href="http://chongqing.zbird.com/" target="_blank">重庆钻石小鸟</a>&nbsp;<span>|</span>&nbsp; <a
                            href="http://www.nz86.com/" target="_blank">中国女装品牌</a>&nbsp;<span>|</span>&nbsp; <a
                            href="http://www.kongfz.com/" target="_blank">孔夫子旧书网</a>&nbsp;<span>|</span>&nbsp; <a
                            href="http://www.chachaba.com/" target="_blank">深圳地图</a>&nbsp;<span>|</span>&nbsp; <a
                            href="http://www.aitaocui.cn/" target="_blank">翡翠</a>&nbsp;<span>|</span>&nbsp; <a
                            href="https://www.qj.com.cn/" target="_blank">加盟网</a>&nbsp;<span>|</span>&nbsp; <a
                            href="http://b2b.hc360.com/" target="_blank">慧聪网供应信息</a>&nbsp;<span>|</span>&nbsp; <a
                            href="http://www.hznzcn.com/" target="_blank">微商货源网</a>&nbsp;<span>|</span>&nbsp; <a
                            href="https://news.wbiao.cn/" target="_blank">手表品牌排行榜</a>&nbsp;<span>|</span>&nbsp; <a
                            href="http://www.zhifang.com/" target="_blank">海景房</a>
                    </li>
                    <li>
                        <a href="http://www.zbird.com/info/aboutus/" target="_blank">钻石小鸟</a>&nbsp;<span>|</span>&nbsp;
                        <a href="https://gz.lianjia.com" target="_blank">广州二手房</a>&nbsp;<span>|</span>&nbsp; <a
                            href="https://nj.lianjia.com" target="_blank">南京房产网</a>&nbsp;<span>|</span>&nbsp; <a
                            href="http://www.zbird.com/info/aboutus/" target="_blank">钻石小鸟</a>&nbsp;<span>|</span>&nbsp;
                        <a href="http://www.zbird.com/" target="_blank">钻石饰品价格</a>&nbsp;<span>|</span>&nbsp; <a
                            href="http://watch.xbiao.com/" target="_blank">手表品牌排行榜</a>&nbsp;<span>|</span>&nbsp; <a
                            href="https://www.chinapp.com" target="_blank">中国品牌网</a>&nbsp;<span>|</span>&nbsp; <a
                            href="http://www.99114.com/" target="_blank">中国网库</a>&nbsp;<span>|</span>&nbsp; <a
                            href="http://www.ziyimall.com" target="_blank">保健品商城</a>&nbsp;<span>|</span>&nbsp; <a
                            href="http://www.eelly.com" target="_blank">衣联网</a>&nbsp;<span>|</span>&nbsp; <a
                            href="http://www.china-ef.com" target="_blank">中国品牌服装网</a>&nbsp;<span>|</span>&nbsp; <a
                            href="http://www.kimiss.com/" target="_blank">闺蜜网</a>&nbsp;<span>|</span>&nbsp; <a
                            href="http://www.ef43.com.cn/" target="_blank">中国丽人网</a>&nbsp;<span>|</span>&nbsp; <a
                            href="http://www.7y7.com" target="_blank">七丽时尚网</a>
                    </li>
                    <li>
                        <a href="https://nj.lianjia.com/"
                            target="_blank">南京房产网&nbsp;&nbsp;</a>&nbsp;<span>|</span>&nbsp; <a
                            href="http://www.jmw.com.cn/" target="_blank">中国加盟网</a>&nbsp;<span>|</span>&nbsp; <a
                            href="http://www.likuso.com/" target="_blank">企业名录</a>&nbsp;<span>|</span>&nbsp; <a
                            href="http://www.chinasspp.com/" target="_blank">品牌</a>&nbsp;<span>|</span>&nbsp; <a
                            href="https://www.xiziwang.net" target="_blank">发型设计图片</a>&nbsp;<span>|</span>&nbsp; <a
                            href="http://www.hao315.tv" target="_blank">致富项目</a>&nbsp;<span>|</span>&nbsp; <a
                            href="https://www.s.cn/" target="_blank">名鞋库&nbsp;&nbsp;</a>&nbsp;<span>|</span>&nbsp; <a
                            href="http://www.71lady.com/" target="_blank">奇丽女性网</a>&nbsp;<span>|</span>&nbsp; <a
                            href="http://www.go108.com.cn/" target="_blank">星座运势</a>&nbsp;<span>|</span>&nbsp; <a
                            href="http://www.xspic.com" target="_blank">免费学习网</a>&nbsp;<span>|</span>&nbsp; <a
                            href="https://www.hanjutv.com" target="_blank">韩剧网</a>&nbsp;<span>|</span>&nbsp; <a
                            href="http://www.17house.com" target="_blank">装修网</a>&nbsp;<span>|</span>&nbsp; <a
                            href="http://www.cocodiy.com/" target="_blank">礼物</a>&nbsp;<span>|</span>&nbsp; <a
                            href="http://www.qc188.com/" target="_blank">平行进口车</a>
                    </li>
                    <li>
                        <a href="https://guangzhou.qfang.com/" target="_blank">广州二手房</a>&nbsp;<span>|</span>&nbsp; <a
                            href="http://shanghai.anjuke.com/" target="_blank">上海房产信息网</a>&nbsp;<span>|</span>&nbsp; <a
                            href="http://luxury.zdface.com/" target="_blank">妆点时尚</a>&nbsp;<span>|</span>&nbsp; <a
                            href="http://www.dyhjw.com/" target="_blank">黄金投资</a>&nbsp;<span>|</span>&nbsp; <a
                            href="http://www.zhuangyi.com/" target="_blank">装修网</a>&nbsp;<span>|</span>&nbsp; <a
                            href="http://www.fdc.com.cn/" target="_blank">武汉房价</a>&nbsp;<span>|</span>&nbsp; <a
                            href="http://www.jiancai365.cn" target="_blank">中国建材网</a>&nbsp;<span>|</span>&nbsp; <a
                            href="http://www.loupan.com/" target="_blank">房产网</a>&nbsp;<span>|</span>&nbsp; <a
                            href="http://www.shang360.com/" target="_blank">加盟网</a>&nbsp;<span>|</span>&nbsp; <a
                            href="http://www.17jita.com/" target="_blank">吉他谱</a>&nbsp;<span>|</span>&nbsp; <a
                            href="https://tuku.jia.com" target="_blank">装修效果图</a>&nbsp;<span>|</span>&nbsp; <a
                            href="http://www.tom.com/" target="_blank">TOM网</a>&nbsp;<span>|</span>&nbsp; <a
                            href="https://www.censh.com/" target="_blank">手表品牌排行榜</a>
                    </li>
                </ul>
                <ul class="swap"></ul>
            </div>
        </div>

        <!-- 最底部的四张图片 -->
        <div class="last">
            <a href=""><img src="http://im1.zbird.cn/ww3/pubheaderfooter/fot_certi.gif" alt=""></a>
            <a href=""><img src="http://im0.zbird.cn/ww3/pubheaderfooter/fot_certi_02.jpg" alt=""></a>
            <a href=""><img src="http://img.zbird.cn/ww3/pubheaderfooter/fot_certi_03.jpg" alt=""></a>
            <a href=""><img src="http://img.zbird.cn/ww3/pubheaderfooter/fot_certi_04.jpg" alt=""></a>
            <a href=""><img src="http://im0.zbird.cn/ww3/pubheaderfooter/picp_bg.png" alt=""></a>
        </div>
    </footer>

    <!-- 侧边导航框 -->
    <div class="cebian">
        <p><img src="http://img.zbird.cn/ww3/pubheaderfooter/service/img.png" alt=""></p>
        <ul>
            <li><img src="http://img.zbird.cn/ww3/pubheaderfooter/service/1.gif" alt=""></li>
            <li><img src="http://img.zbird.cn/ww3/pubheaderfooter/service/2.jpg" alt=""></li>
            <li><img src="http://img.zbird.cn/ww3/pubheaderfooter/service/3.jpg" alt=""></li>
            <li><img src="http://img.zbird.cn/ww3/pubheaderfooter/service/4.jpg" alt=""></li>
            <li class="ma">
                <img src="http://img.zbird.cn/ww3/pubheaderfooter/service/5.jpg" alt="">
                <div class="xiazai"></div>
            </li>
        </ul>
    </div>

    <!-- 回到顶部按钮 -->
    <div class="totop">
        <p class="iconfont icon-huidaodingbu">
        </p>
    </div>


    <script src="./javascripts/index.js"></script>
    <script src="./javascripts/index-nav.js"></script>
</body>

</html>